<template>
  <div class="box">
    <h3><van-icon name="wap-home" />{{ text }}</h3>
    <div class="box1">
      <img :src="arr[0]" alt="" />
      <img :src="arr[1]" alt="" />
      <img :src="arr[2]" alt="" />
    </div>
    <div class="box2"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: "分行专区",
      arr: [
        "./img/life/fhzq (1).png",
        "./img/life/fhzq (2).png",
        "./img/life/fhzq (3).png",
      ],
    };
  },
};
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  background-color: rgb(243, 226, 229);
  margin-bottom: 0.2rem;
  > h3 {
    line-height: 0.5rem;
    width: 100%;
    height: 0.5rem;
    margin-top: 0.2rem;
    font-size: 0.22rem;
    text-indent: 0.3em;
  }
  > .box1 {
    display: flex;
    justify-content: space-around;
    text-align: center;
    > img {
      margin-top: 0.2rem;
      width: 1.05rem;
    }
  }
  > .box2 {
    width: 100%;
    height: 0.5rem;
  }
}
</style>